import React, {useState} from 'react'
import {View,Text, ScrollView} from '@tarojs/components'
import NoticeMsgList from './noticemsglist'
import './index.scss'
function NoticeMsg (){
  const [noticeMsgList, useNoticeMsgList] = useState([
    {msg:'这是友邻第一条通知，敬请查阅这是友邻第一条通知，敬请查阅这是友邻第一条通知，敬请查阅！', id:1, time:'2020-12-04 20:18:00'},
    {msg:'这是友邻第二条通知，敬请查阅这是友邻第一条通知，敬请查阅这是友邻第一条通知，敬请查阅！', id:2, time:'2020-12-04 20:18:00'},
    {msg:'这是友邻第三条通知，敬请查阅这是友邻第一条通知，敬请查阅这是友邻第一条通知，敬请查阅！', id:3, time:'2020-12-04 20:18:00'},
    {msg:'这是友邻第四条通知，敬请查阅这是友邻第一条通知，敬请查阅！', id:4, time:'2020-12-04 20:18:00'},
    {msg:'这是友邻第五条通知，敬请查阅这是友邻第一条通知，敬请查阅！', id:5, time:'2020-12-04 20:18:00'},
    {msg:'这是友邻第六条通知，敬请查阅！', id:6, time:'2020-12-04 20:18:00'},
    {msg:'这是友邻第七条通知，敬请查阅这是友邻第一条通知，敬请查阅！', id:7, time:'2020-12-04 20:18:00'},
    {msg:'这是友邻第八条通知，敬请查阅这是友邻第一条通知，敬请查阅这是友邻第一条通知，敬请查阅这是友邻第一条通知，敬请查阅！', id:8, time:'2020-12-04 20:18:00'},
    {msg:'这是友邻第九条通知，敬请查阅！', id:9, time:'2020-12-04 20:18:00'},
    {msg:'这是友邻第十条通知，敬请查阅这是友邻第一条通知，敬请查阅！', id:10, time:'2020-12-04 20:18:00'},
    {msg:'这是友邻第十一条通知，敬请查阅！', id:11, time:'2020-12-04 20:18:00'},
    {msg:'这是友邻第十二条通知，敬请查阅！', id:12, time:'2020-12-04 20:18:00'},
    {msg:'这是友邻第十三条通知，敬请查阅！', id:13, time:'2020-12-04 20:18:00'},
  ])
  // 滚动到底部触发
  function obtainNewData(){
    console.log('到底了')
  }
  return (
    <View className='notice_msg'>
      <ScrollView
        scrollY
        lowerThreshold={200}
        onScrollToLower={e => {obtainNewData( )}}
        className='notice_msg_list'>
        <NoticeMsgList noticeMsgList={noticeMsgList} />
      </ScrollView>

    </View>
  )
}

export default NoticeMsg
